#navbar-iframe{height:0; visibility:hidden; display:none}
body{background:url(http://3.bp.blogspot.com/-FdjoUjLVFLE/UUBhQRmU5KI/AAAAAAAAAc0/OPZHto0ZvuI/s1600/overlay.png); color:#444; height:100%; font-family:Arial,Helvetica,Tahoma,sans-serif; font-size:14px; font-weight:400; line-height:22px; text-decoration:none; margin:0; padding:0}
a, a:link, a:visited{color:#a13c39; text-decoration:none}
a:hover, a:active{color:#222; text-decoration:none}
h2.date-header{display:none}
.header-wrapper{width:910px; color:#333; min-height:100px; overflow:hidden; position:relative; z-index:999; margin:0 auto}
#header{max-width:180px; float:left; width:auto; overflow:hidden; z-index:999; min-width:180px; margin:0; padding:0}
#header-inner{margin:10px 0 10px; padding:0}
#header h1, #header p{font:32px Oswald; line-height:30px; color:#333; text-shadow:1px 1px #fff,1px 1px #ccc,2px 2px #ccc,3px 3px #ddd; padding-bottom:10px; margin:0}
#header h1 a, #header h1.title a:hover{color:#48b; text-decoration:none}
#header .description{color:#333; font:14px Oswald; text-shadow:none}
#header img{border:0 none; background:none; width:auto; height:auto; margin:0 auto}
#header2{float:right; width:728px; margin:0px 0 0}
.header2 .widget{margin:0 auto; padding:5px 0}
#menu{background:url(http://1.bp.blogspot.com/-URnO6WAe514/UUBiJ6DyhLI/AAAAAAAAAdA/jmGxKslZRUE/s1600/color2.png); color:#eee; height:35px; border-bottom:4px solid #111}
#menu ul, #menu li{margin:0; padding:0; list-style:none}
#menu ul{height:35px}
#menu li{float:left; display:inline; position:relative; font:bold 12px Arial; text-shadow:-1px -1px #702120; border-right:1px solid #b64d4a; border-left:1px solid #892f2d; text-transform:uppercase}
#menu li:first-child{border-left:none}
#menu a{display:block; line-height:35px; padding:0 14px; text-decoration:none; color:#eee}
#menu li:hover >a, #menu li a:hover{background:#892f2d}
#menu input{display:none; margin:0 0; padding:0 0; width:80px; height:35px; opacity:0; cursor:pointer}
#menu label{font:bold 30px Arial; display:none; width:35px; height:36px; line-height:36px; text-align:center}
#menu label span{font-size:12px; position:absolute; left:35px}
#menu ul.menus{height:auto; overflow:hidden; width:180px; background:#892f2d; position:absolute; z-index:99; display:none; border:0}
#menu ul.menus li{display:block; width:100%; font:12px Arial; text-transform:none}
#menu li:hover ul.menus{display:block}
#menu a.prett{padding:0 27px 0 14px}
#menu a.prett::after{content:""; width:0; height:0; border-width:6px 5px; border-style:solid; border-color:#eee transparent transparent transparent; position:absolute; top:15px; right:9px}
#menu ul.menus a:hover{background:#b64d4a}
.masmenu{background:#2c2c2c; display:inline-block; width:100%}
.masmenu ul{width:910px; padding:0; margin:0 auto}
.masmenu li{list-style-type:none; display:inline-block; float:left}
.masmenu li a{border-right:1px solid #444; border-left:1px solid #111; color:#eee; display:block; font:12px Arial; text-transform:none; position:relative; text-decoration:none; padding:10px 13px}
.masmenu li a:hover{background:#111; color:#fff; text-shadow:1px 1px 1px #111}
.masmenu li a .sf-sub-indicator{overflow:hidden; position:absolute; text-indent:-9999px}
.masmenu li li a, .masmenu li li a:link, .masmenu li li a:visited{background:#333; border-bottom:1px solid #222; border-right:none; color:#fff; font-size:11px; position:relative; text-transform:none; width:138px; padding:10px 10px; text-shadow:1px 1px 1px #111}
.masmenu li li a:hover, .masmenu li li a:active{background:#444}
.masmenu li ul{height:auto; left:-9999px; position:absolute; width:160px; z-index:9999; margin:0}
.masmenu li ul a{width:140px}
.masmenu li ul ul{margin:-33px 0 0 157px}
.masmenu li:hover>ul, .masmenu li.sfHover ul{left:auto}
.outerpic-wrapper{background:#f1f1f1; width:100%; padding:10px; margin:15px auto; overflow:hidden}
.content-wrapper{position:relative; max-width:910px; margin:0 auto}
.outer-wrapper{position:relative; width:100%; padding:0}
.main-wrapper{width:600px; margin-right:10px; float:left; word-wrap:break-word; overflow:hidden}
.clr{clear:both; float:none}
h2{line-height:1.4em; text-transform:none; color:#333; margin:.5em 0 .25em}
h3.date-header{text-transform:none; font:normal 12px Arial; color:#999; line-height:1.2em; margin:.1em 0}
.post{margin:10px 5px 15px; padding:5px 15px 15px; -webkit-box-shadow:1px 1px 5px #c3c3c3; -moz-box-shadow:1px 1px 5px #c3c3c3; -ms-box-shadow:1px 1px 5px #c3c3c3; -o-box-shadow:1px 1px 5px #c3c3c3; box-shadow:1px 1px 5px #c3c3c3; background:#f9f9f9; border:1px solid #fff}
.post h1, .post h2{font:24px Oswald; line-height:1.2em; color:#a13c39; margin:.0em 0 0; padding:4px 0}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{display:block; text-decoration:none; color:#a13c39; text-shadow:1px 1px #fff,1px 1px #ccc,2px 2px #ddd,3px 3px #eee}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover{color:#333}
.post-body{border-top:2px solid #ddd; padding-top:10px; font:normal 14px 'Arial',serif; margin:1.0em 0 .75em; line-height:1.3em}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666; text-transform:none; letter-spacing:.01em; font:12px Arial; line-height:1.4em; margin:.75em 0}
.comment-link{margin-left:.1em}
.post blockquote{line-height:1.6em; color:#333; background:#eee; border-left:20px solid #ccc; margin:10px 10px 10px 20px; padding:10px 15px}
.post blockquote p{margin:.75em 0}
.post img, #header2 img, .sidebar1 img, .sidebar img, .crosscol1 img, .crosscol2 img{max-width:100%; width:auto; -ms-interpolation-mode:bicubic; border:0}
.video-container{position:relative; margin:0 0 15px 0; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc}
.video-container iframe, .video-container object, .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%}
#related-posts{float:left; width:100%; border-bottom:1px solid #aaa; border-top:3px solid #bbb; margin:5px 0 10px; padding:15px 0 10px}
#related-posts .widget h2, #related-posts h2{font:16px Oswald; color:#111; text-transform:none; margin:0 0 10px; padding:0}
#related-posts a{color:#333; font:12px Tahoma}
#related-posts li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px; text-indent:0; line-height:1.2em; border-bottom:1px dashed #ddd; margin:0; padding:3px 0 3px 12px}
#related-posts a:hover{color:#2482d6; text-decoration:none}
#related-posts .widget{margin:0; padding:0}
#related-posts ul{list-style:none; margin:0; padding:0}
.readmorecontent{float:right; margin:5px 5px 0 0; padding:2px 0}
.readmorecontent a{color:#555; text-shadow:0 1px 0 rgba(255,255,255,.5); border-width:1px; border-style:solid; border-color:#fff #ccc #999 #eee; background:#c1c1c1; background:-moz-linear-gradient(#f5f5f5,#c1c1c1); background:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#c1c1c1)); background:-webkit-linear-gradient(#f5f5f5,#c1c1c1); background:-o-linear-gradient(#f5f5f5,#c1c1c1); background:-ms-linear-gradient(#f5f5f5,#c1c1c1); background:linear-gradient(#f5f5f5,#c1c1c1);  text-decoration:none; font:bold 11px Arial; padding:5px 7px}
.readmorecontent a:hover{text-decoration:none; color:#a13c39}
#blog-pager-newer-link a{background:#b64d4a; float:left; display:inline; color:#fff; font-size:12px; font-family:Arial,Helvetica,Tahoma,sans-serif; font-weight:700; line-height:22px; border:1px solid #892f2d; padding:0 8px}
#blog-pager-older-link a{float:right; display:inline; background:#b64d4a; color:#fff; font-size:12px; font-family:Arial,Helvetica,Tahoma,sans-serif; font-weight:700; line-height:22px; border:1px solid #892f2d; padding:0 8px}
#blog-pager-home-link a{display:inline; background:#b64d4a; color:#fff; font-size:12px; font-family:Arial,Helvetica,Tahoma,sans-serif; font-weight:700; line-height:22px; border:1px solid #892f2d; margin:0 0 0 20px; padding:4px 8px}
#blog-pager{text-align:center; font-family:Arial,Helvetica,Tahoma,sans-serif; font-size:14px; font-weight:400; line-height:22px; color:#892f2d; padding:10px 10px 10px 20px}
.menusearch{width:200px; float:right; margin:0 auto; padding:5px 10px 0}
.searchform{margin-top:0px; display:inline-block; *display:inline; padding:0; background:#fff; width:200px; height:23px; overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #516d15}
.searchform input{font:italic 12px Arial; color:#222; line-height:23px; height:23px; padding:0; margin:0}
.searchform .searchfield{background:transparent; padding:0 0 0 6px; margin:0; width:160px; height:23px; border:0px; outline:none; line-height:23px}
.searchform .searchbutton{background:url(http://1.bp.blogspot.com/-N_4TWVUmXv4/UDdKJf5NwCI/AAAAAAAAIgY/AGrKXgwkrTo/s1600/tombolcari.gif) no-repeat; height:21px; width:21px; border:none; cursor:pointer}
.sidebar-wrapper, .sidebar1-wrapper{width:300px; float:right; word-wrap:break-word; overflow:hidden; padding-top:10px}
.sidebar-wrapper{padding-top:0px}
.sidebar h2{background:#ccc; color:#333; font:14px Oswald; margin:0; padding:5px 0 5px 10px; text-shadow:0 1px 1px #fff; text-transform:uppercase}
.sidebar{color:#666; line-height:1.3em; border-top:none; font:11px Arial}
.sidebar li{line-height:1.3em; margin:0; padding:5px 0 4px; border-bottom:1px dashed #ddd}
.sidebar .widget{margin:2px 2px 10px; padding:0; -webkit-box-shadow:1px 1px 1px #c3c3c3; -moz-box-shadow:1px 1px 1px #c3c3c3; -ms-box-shadow:1px 1px 1px #c3c3c3; -o-box-shadow:1px 1px 1px #c3c3c3; box-shadow:1px 1px 1px #c3c3c3; background:#f9f9f9; border:1px solid #fff}
.sidebar .widget-content{margin:0 auto; padding:0 10px}
.sidebar a:link, .sidebar a:visited{font:bold 12px Arial; color:#555; text-decoration:none}
.sidebar li a:hover{color:#892f2d}
.sidebar ul{list-style:none; margin:0; padding:5px 0}
.sidebar1 ul{list-style:none; padding:0; margin:0}
.sidebar1 .widget{margin:0px 0px 0px; padding:0}
#footer{background:#303030; border-bottom:1px solid #000; border-top:4px solid #111; width:100%; padding:0; text-shadow:-1px -1px #000}
.footer-wrapper{color:#aaa; font:12px Arial; height:100%; line-height:16px; overflow:hidden; padding:0}
.footer{float:left; width:31%; margin:10px}
.footer .widget{margin-bottom:0px}
.footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom; font:bold 14px Arial; padding-bottom:8px; margin-bottom:8px; line-height:1.3em; text-transform:uppercase; color:#ddd}
.footer .widget-content{line-height:20px}
.footer ul{list-style:none; color:#EAE9E8; margin:0; padding:0}
.footer li{list-style:none; background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px; font:normal 12px Arial; color:#626262; text-indent:0; line-height:1.2em; margin:0; padding:2px 0 3px 17px}
.footer a:link, .footer li a:visited{color:#aaa; text-decoration:none}
.footer li a:hover{color:#fff}
#credit{background:#222; border-top:1px solid #000; font:11px Tahoma; color:#999; width:100%; overflow:hidden; clear:both; padding:10px 0; line-height:18px}
#credit .left{float:left; text-align:left; margin-left:10px}
#credit .right{float:right; text-align:right; margin-right:10px}
#credit a{color:#eee; text-decoration:none}
#credit a:hover{color:#fc0; text-decoration:none}
.postmeta{font:11px Tahoma; text-transform:uppercase; font-weight:400; padding:5px 0; line-height:16px}
.author{color:#666; background:url(http://1.bp.blogspot.com/-BHRCsN73acQ/UPKxKFtk-mI/AAAAAAAACcI/Vc9nAuUh7F8/s1600/user.png) left center no-repeat; padding:2px 5px 2px 17px}
.clock{color:#666; background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) left center no-repeat; padding:2px 5px 2px 17px}
.clock a{color:#666}
.clock a:hover{color:#b64d4a}
ul.tb_recent_comments{list-style:none; margin:0; padding:0}
.tb_recent_comments li{background:none !important; margin:0 0 6px !important; padding:0 0 6px 0 !important; display:block; clear:both; overflow:hidden; list-style:none}
.tb_recent_comments li .avatarImage{padding:3px; float:left; margin:0 6px 0 0; position:relative; overflow:hidden}
.tb_recent_comments li img{padding:0px; position:relative; overflow:hidden; display:block}
.tb_recent_comments li span{margin-top:4px; color:#666; display:block; font-size:12px; font-style:italic; line-height:1.4}
@media screen and (max-width:910px){#header{float:none; max-width:none; text-align:center; margin-top:10px}
#header-inner{margin-bottom:0}
#header h1, #header p{margin-right:0}
#header .description{margin:0}
.menusearch{float:none; padding:5px 0 10px}
.main-wrapper{margin-right:0; width:58%}
.sidebar-wrapper, .sidebar1-wrapper{border:none; margin:0 auto 10px; padding:0 10px}
.credit{padding:20px!important}
#credit .left, #credit .right{float:none; text-align:center; margin:0}
.outerpic-wrapper, .content-wrapper{padding:0}
#header2, .masmenu ul{text-align:center; width:100%}
.menusearch{float:none; padding:5px 0 10px}
.masmenu{border:0; margin-bottom:5px}
.masmenu li{float:none}
.masmenu li a{border:none}
}
@media screen and (max-width:768px){.header-wrapper{margin-right:0; min-height:0; width:100%}
#header{text-align:center; width:100%; max-width:none}
#header-inner{margin:10px 0}
#menu{position:relative}
#menu ul{background:#892f2d; position:absolute; top:100%; right:0; left:0; z-index:3; height:auto; display:none}
#menu ul.menus{width:100%; position:static; padding-left:20px}
#menu li{display:block; float:none; width:auto}
#menu input, #menu label{position:absolute; top:0; left:0; display:block}
#menu input{z-index:4}
#menu input:checked+label{color:white}
#menu input:checked ~ ul{display:block}
.page-menu li a{border-right:0}
}
@media screen and (max-width:760px){.masmenu{border-bottom:0}
.page-menu{margin:0}
.outer-wrapper{padding:0}
#content{clear:both; border:none; padding:0}
.main-wrapper{margin-right:0; width:100%; min-height:0}
.sidebar-wrapper, .sidebar1-wrapper{position:relative; top:auto; right:auto; clear:both; left:auto; width:auto; background:none; padding:0 10px}
#comment-editor{margin:10px}
.footer{width:auto; margin:15px}
}
@media screen and (max-width:480px){#header img{width:100%}
.post-comment-link{display:none}
}
@media screen and (max-width:320px){.comments .comments-content .datetime{display:block; float:none}
.comments .comments-content .comment-header{height:70px}
}
@media screen and (max-width:240px){.header-wrapper{margin-right:0; min-height:0; width:100%}
#header{text-align:center; width:100%; max-width:none}
#header-inner{margin:10px 0}
#header img{border:0 none; background:none; width:auto; height:auto; margin:0 auto}
.comments .comments-content .comment-replies{margin-left:0}
}
#homepage{width:100%; float:left; font-size:12px}